//@import url('https://fonts.googleapis.com/css?family=Righteous|Montserrat|Amatic+SC');
html {
  background: radial-gradient(circle, #444444, #0D0E0F, #000000);
  background-size: cover;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.colorful {
  background: linear-gradient(to right, #fddd10, #ff6c2c, #e5e, #2fabe1);
  background-size: 2000%;
  animation: gradientBackground 10s alternate ease-in-out;
  animation-iteration-count: infinite;
}

.pb10 {
    padding-bottom: .1rem;
}
.pt10 {
    padding-top: .1rem;
}
.pt20 {
    padding-top: .2rem;
}
.p310 {
    padding-top: .3rem;
}
.pl30 {
    padding-left: .3rem;
}

@keyframes gradientBackground {
  0% {
    background-position: left;
  }
  100% {
    background-position: right;
  }
}